@charset "utf-8";
@import "utils";
/*@import "common";*//*test*/
/*@import "reset";*/ 

.orderweb{ 
    @include web; 
    //内容部分
    section{
        @include midContent;
        .receivingAddress{
            margin-top: r(20);  
            width: 100%;
            height: r(106);
            background: #fafafa; 
            >p{
                font-size: r(20+8);
                color: #c76e50;
                margin-top: r(30);
                margin-left: r(42);
                display: inline-block;
            }
            input{
                width: r(460);
                border: 0;
                background: #fafafa;
                font-size: r(20+8);
                color: #c76e50;
            }
        }
        .orderDetail{
            margin-top: r(15);
            .productDetail{
                margin: 0 auto;
                width: r(710);
                height: r(234);
                background: #f6f6f6;
                .productImg{
                    width: r(234);
                    height: r(184); 
                    border-radius: r(16);
                    overflow: hidden;
                    margin-top: r(23);
                    margin-left: r(22);
                    img{
                        width: 100%;
                    }
                }
                .productInfo{
                    width: r(433);
                    margin-top: r(23);
                    em{font-size: r(20+8);}
                    >p{
                        font-size: r(18+8);
                        color: #535353;
                        padding-left: r(34);
                        line-height: r(38);
                        margin-top: r(8);
                    }
                    p:nth-child(4),p:nth-child(5){
                        margin-top: r(-30);
                        text-align: right;
                    }
                    p:nth-child(5){
                        margin-top: r(0);
                    }
                }
            }
            .orderInfo{
                margin-top: r(33);
                padding-bottom: r(20);
                border-bottom: 1px solid #d0d0d0;
                
                .orderDesc{
                    margin-top: r(8);
                    overflow: hidden;
                    >p{
                        font-size: r(20+8);
                        color: #626362;
                        margin-left: r(42);
                        display: inline-block;
                        span{
                            font-size: r(20+8);
                        }
                    }
                    >input{
                        width: r(460);
                        border: 0;
                        font-size: r(20+8);
                        color: #626362;
                        
                    }
                    >span{
                        font-size: r(20+8);
                        float: right;
                        padding-right: r(72);
                        color: #c76e50;
                        display: inline-block;
                        width: r(400);
                        text-align: right;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }
            }
            .productInvoice{
                border-bottom: r(16) solid #f1f2f6;
            }
            .paymentAmount{
                border-bottom: r(1) solid #efdbd5;
                .orderDesc{
                    >p{
                        color: #c76e50;
                        float: right;
                        span{
                            margin-right: r(20);
                        }
                        span:last-child{
                            width: r(184);
                            height: r(50);
                            line-height: r(50);
                            text-align: center;
                            display: inline-block;
                            background: #e39d88;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}
